<section class="cf" id="index">

	<div class="page one tocColumn">

		<br/>
		<img class="center" src="/webappfieldguide/img/logo.png" alt="Field Guide to Web Apps" title="Field Guide to Web Apps" />
		<br/>
		<p class="slim">
      The demand for apps is strong, and it’s coming from everywhere!  This
      comprehensive guide provides an introduction to many of the skills and
      best practices you need to build modern web apps.  This field guide is
      designed to help you create great user experiences in your web apps.
      Whether you’re building your first web app, or are just looking for
      ways to improve existing experiences, there’s something here for you!
    </p>
		<br/>
		<p class="slim">Best wishes and good luck in all your endeavors. <br/>
		Appward, to the Future!</p>
		<br/>
		<img class="center noscale" src="/webappfieldguide/img/bert_sig.png" alt="Bert" title="Bert's John Hancock"/>

	</div><!-- end page -->

	<div class="page two">

		<div class="toc-block">

			<div class="toc-chapter cf" data-title="know-your-apps">
				<div class="whichchapter">CHAPTER <em>1</em></div>
				<div class="chapterDescription">
					<p class="chapterTitle">Know Your Web Apps</p>
					<p class="chapterContents">Evolution of Web Apps &bull; Properties of Web Apps &bull; Identifying Web Apps</p>
				</div>
			</div>

			<div class="toc-chapter cf" data-title="designing-web-applications">
				<div class="whichchapter">CHAPTER <em>2</em></div>
				<div class="chapterDescription">
					<p class="chapterTitle">Designing Web Applications</p>
					<p class="chapterContents">Design Fundamentals &bull; Interact, Engage &amp; Accomplish &bull; Design Patterns</p>
				</div>
			</div>

			<div class="toc-chapter cf" data-title="case-studies">
				<div class="whichchapter">CHAPTER <em>3</em></div>
				<div class="chapterDescription">
					<p class="chapterTitle">Case Studies of Web Apps In The Wild</p>
					<p class="chapterContents">Shipshot &bull; Wayfindit  &bull; Khan Academy &bull; Picture Page</p>
				</div>
			</div>

			<div class="toc-chapter cf" data-title="building-great-web-applications">
				<div class="whichchapter">CHAPTER <em>4</em></div>
				<div class="chapterDescription">
					<p class="chapterTitle">Building Great Web Applications</p>
					<p class="chapterContents">Visual Design  &bull; User Experiences</p>
				</div>
			</div>

			<div class="toc-chapter cf" data-title="about-appward">
				<div class="whichchapter">CHAPTER <em>5</em></div>
				<div class="chapterDescription">
					<p class="chapterTitle">About Bert Appward</p>
					<p class="chapterContents">Bert Appward, Emeritus</p>
				</div>
			</div>

		</div><!-- end col -->

	</div><!-- end page two -->

</section>

<section class="cf" id="preface">

	<div class="page one hasHeader">

		<div class="onecol">

      <h1>Preface</h1>
			<h2 class="main-caption">New Day, New Possibilities</h2>
			<p>
        Greetings friends, developers, pioneers and dreamers to the 12th
        Edition of Bert Appward’s Field Guide to Web Applications. Whether
        your inclination is to dip a toe or to dive headfirst into creating
        great web applications, I hope you’ll find the information and
        exercises contained within these pages to be a useful guide on your
        journey.
      </p>
      <p class="callout righty w33">Only now has the technology truly caught up with the passion for an immersive web app experience.</p>
			<h3>Why Now?</h3>
			<p>
        Previously the promise of web apps was hampered by technical
        limitations and fell short of the traditional desktop user expectations.
        But today, with modern browsers supporting features like HTML5, CSS3,
        JavaScript and more, the horizon has been broadened. Robust,
        feature-rich web apps that offer feature parity to their native or
        desktop equivalents are are now not only possible but expected by
        users.
      </p>
			<h3>Right Now!</h3>
      <p>
        This field guide is designed to help you identify web applications,
        how to spot the great ones, but most importantly, how you can build a
        great one of your own.  The demand for apps is strong, and it’s coming
        from everywhere, don’t miss out on this important revolution.
      </p>
    </div>

	</div><!-- end page -->

	<div class="page two">

		<div class="onecol">

            <div class="image_block centery w80">
				<img class="center" src="/webappfieldguide/img/Appward_Illustrations_immersive.jpg" alt="Figure 1.1 - Excitement and opportunity with every new day of Web App development!" title="Figure 1.1 - Excitement and opportunity with every new day of Web App development!" class="">
				<p class="caption">Figure 1.1 - Excitement and opportunity with every new day of Web App development!</p>
            </div>

		</div><!-- end col -->

	</div><!-- end page two -->

</section>
